<template>
	<MainContent>
		<template v-slot:title>
			<span class="title">
				<i class="el-icon-house"></i>
				<span>&nbsp;首页</span>
			</span>
		</template>
	</MainContent>
</template>

<script>
import MainContent from "@/components/common/MainContent";
export default {
	name: "Home",
	components: {MainContent}
}
/* import imgUrl from "@/assets/img/logo31.png";
import MainHeader from "@/components/content/header/MainHeader";
import SideBar from "@/components/common/SideBar";
// import MainContent from "@/components/common/MainContent";
// import ContentHeader from "@/components/common/ContentHeader";

export default {
  name: "Home",
  data() {
    return {
      imgUrl,
      resources: [],
      tabs: [
        {
          name: "home",
          label: "首页",
          closable: false,
        },
      ],
      activeTab: "",
    };
  },
  components: {
    SideBar,
    MainHeader,
  },
  beforeCreate() {
    console.log("beforeCreate");
    this.axios.get("/sys/resource/getMenuList").then((response) => {
      if (response.status === 200) {
        this.resources = response.data;
      }
    });
  },
  watch: {
    // $route: {
    //   handler(current) {
    //     let flag = false;
    //     if (Object.keys(current.meta).length > 0) {
    //       let name = current.meta.title;
    //       for (let index = 0; index < this.tabs.length; index++) {
    //         if (current.name === this.tabs[index].name) {
    //           this.activeTab = current.name;
    //           flag = true;
    //           break;
    //         }
    //       }
    //       if (!flag) {
    //         this.tabs.push({
    //           name: current.name,
    //           label: name,
    //           closable: true,
    //         });
    //       }
    //     }
    //   },
    //   immediate: true,
    // }
  },
}; */
</script>

<style lang="scss">
/* .container_1 {
  height: 100%;
}

.container_2 {
  height: 100%;
  overflow: hidden;
}

.el-header,
.el-footer {
  color: #333;
  text-align: center;
  padding: 0;

  p {
    color: #777777;
  }
}

.el-footer {
  font-size: 0.5em;
  color: #333333ee;
  width: 100%;
  bottom: 0;
}

.header {
  position: relative;
}

.el-aside {
  background-color: #d3dce6;
  color: #333;
  text-align: center;
  line-height: 200px;
  overflow: hidden;
}

.el-main {
  //background-color: #E9EEF3;
  color: #333;

  .content {
    background-color: #ffffff;
  }
}

.el-footer {
  background-color: #ffffff;
}

.scroll-content__wrapper {
  position: relative;
  overflow-x: hidden;
} */
</style>
